<!--
 * @Descripttion: 
 * @version: 
 * @Author: hutao
 * @Date: 2023-05-09 14:28:43
 * @LastEditors: hutao
 * @LastEditTime: 2023-05-09 14:52:11
-->
<template>
  <div style="display:flex">
    <span
      style="width:6px;height:6px;display:block;border-radius: 50%;margin-right:8px;margin-top:8px"
      :style="{ background: color }"
    ></span>
    <span><slot></slot></span>
  </div>
</template>
<script lang="ts">
import { Component, Prop, Vue } from 'vue-property-decorator';
interface State {
  /** 数据状态 */
  loading: boolean;
}
@Component
export default class Index extends Vue {
  @Prop({ default: '#969C98' }) color!: string;

  /** 数据 */
  state: State = {
    loading: false,
  };
  /** 生命周期 */
  /** 方法 */
  /** 监听 */
  /** 计算属性 */
}
</script>
<style lang="scss" scoped>
a {
  border-radius: 50%;
}
</style>
